<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div></div>
</body>
<script>
    // js es6  ts
    // let 块级作用域  不能重复声明

    // if (true) {
    //     let a  = 1
    //     console.log(a)
    // }

    // console.log(b)
    // let b

    // var a = 11
    // if (true) {
    //     a = 22
    //     let  a
    //     console.log(a)
    // }
    // var arr = [];
    // for (let i = 0; i < 2; i++) {
    //     arr[i] = function () {
    //         console.log(i);
    //     }
    // }
    // arr[0]();
    // arr[1]();

    // const  PI = 3.14
    // // PI = 3.00
    //
    // const USER = {
    //     age:18
    // }
    // // USER = {
    // //     age:20
    // // }
    // USER.age = 20
    // console.log(USER)
    //
    // const  arr = [1,2,3]
    // // // arr = []
    // // arr[0] = 2
    // // console.log(arr)
    //
    // let [a1,b,c,d] = arr
    // console.log(a1)
    // console.log(b)
    // console.log(c)
    // console.log(d)

    // let user = {
    //     name:'lisi',
    //     age:18
    // }
    // let {age,name : n} = user
    // console.log(n)
    // console.log(age)

    // function fn() {
    //     console.log(123)
    // }
    // fn()
    //
    // const fn1 = (a =5)=> a
    // console.log(fn1())

    // const obj = {name: '张三'}
    // function fn() {
    //     console.log(this);//this 指向 是obj对象    
    //     return () => {
    //         console.log(this);//this 指向 的是箭头函数定义的位置，那么这个箭头函数定义在fn里 面，而这个fn指向是的obj对象，所以这个this也指向是obj对象    
    //     }
    // }
    // console.log(this)
    // const resFn = fn()
    // resFn();

    // var age = 100;
    // var obj = {
    //     age:20,
    //     // say: function () {
    //     //     console.log(this.age)
    //     // }
    //     // say(){
    //     //     console.log(this.age)
    //     // }
    //     say:()=>{
    //         console.log(this.age)
    //     }
    // }
    // obj.say()

    //  let ary = [1, 2, 3]
    // // ...ary  // 1, 2, 3
    //  console.log(...ary);    // 1 2 3,相当于下面的代码
    //   console.log(1,2,3);

    // var div = document.getElementsByTagName('div');
    // console.log(div)
    // console.log([...div])
    // let arr = [
    //     {
    //         id:1,
    //         age:18
    //     },
    //     {
    //         id:2,
    //         age:20
    //     }
    // ]
    // console.log(arr.findIndex(item=>item.age ===18))

    // let name = ()=> `lisi`
    // let sayHello = `hello,my name is ${name()}`;
    // console.log(sayHello)

    // const set = new Set([1,2,2,3]);
    // console.log(set)

    // let map1 = new Map();                       // {size:0}
    // let map2 = new Map([['name', 'jack']]);      // {'name' => 'jack'}
    // let map3 = new Map([['name', 'jack'], [{age: 18}, 'bella']]);       // {'name' => 'jack', {age:18} => 'bella'}
    // console.log(map1)
    // console.log(map2)
    // console.log(map3)

    // let user={
    //     name:'zhangsna',
    //     age:19
    // }
    // function user1(name,age) {
    //     this.name = name
    //     this.age = age
    // }
    // var user1 = new user1('lisi',18);
    // console.log(user)
    // console.log(Object.keys(user1))
    // console.log(Object.values(user1))
    // class Fa {
    //     constructor(fname,fage){
    //         this.fname = fname
    //         this.fage= fage
    //     }
    //     say(){
    //         console.log(this.fname,this.fage)
    //     }
    // }
    // class Son extends Fa {
    //
    //     constructor(name,age){
    //         super(name,age)
    //         this.name = name
    //         this.age = age
    //     }
    //     // say(){
    //     //     console.log(this.fname,this.fage,123)
    //     // }
    // }

    // var fa = new Fa('lisi',18);
    // console.log(fa)
    // fa.say()

    // var son = new Son('zhangsan',10);
    // son.say()

    // 应该讲请求
</script>
<script src="main.js" type="module"></script>
<script src="jquery.js"></script>
<script  src="axios.min.js"></script>
<script>
    // $.ajax({
    //     type: 'get',
    //     url: 'https://api.apiopen.top/api/sentences',
    //     data: '',
    //     dataType: 'json',
    //     success: function (res) {
    //         console.log(res)
    //     },
    // })

    // axios.get('https://api.apiopen.top/api/getImages',{
    //     params: {
    //         type: 'game',
    //         page: 2,
    //         size : 5
    //     }
    // }).then(res=>{
    //     console.log(res.data)
    // })

    // axios.post('https://api.apiopen.top/api/login',{
    //     account: "309324904@qq.com",
    //     password: "123456"
    // }).then(res=>{
    //     console.log(res.data)
    // })

    // fetch('https://api.apiopen.top/api/sentences')
    // .then(res=>res.json())
    // .then(res=>{
    //     console.log(res)
    // })

   async  function fn() {
       let res =  await axios.get('https://api.apiopen.top/api/getImages',{
           params: {
               type: 'game',
               page: 2,
               size : 5
           }
       })

       console.log(res.data)
    }
    // fn()

    (()=>{console.log(12345)})()


</script>
</html>